﻿@{
    ViewBag.Title = "Gallery";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section scripts
{
    <script src="~/Scripts/App/Publisher/gallery.js"></script>
    <script src="~/Scripts/App/Publisher/publisherLayout.js"></script>
}
<div id="cover_publisher">
    <header class="user-channel" data-bind="style: { 'background': Cover }">
        <div class="single-video-mask"></div>
        <div class="row">
            <div class="large-6 columns">
                <div class="header-for-show">
                    <div class="large-12 small-12 columns">
                        <h4><i class="fi fi-star"></i><span data-bind="text: ChannelName">Trương Quang Nhật</span></h4>
                        <ul>
                            <li data-bind="visible: Facebook"><span class="sub-info"><i class="fi fi-social-facebook"></i><span data-bind="    text: Facebook"></span></span></li>
                            <li data-bind="visible: Phone"><span class="sub-info"><i class="fi fi-mobile"></i><span data-bind="    text: Phone"></span></span></li>
                            <li data-bind="visible: Address"><span class="sub-info"><i class="fi fi-address-book"></i><span data-bind="    text: Address"></span></span></li>
                            <li>
                                <form>
                                    <button class="button tiny change-cover" data-bind="click: $root.doChangeCover">Thay đổi cover</button>
                                    <input id="file_changeCover" type="file" name="cover" data-bind="visible: false, CoverUpload: { property: 'ChannelCover', url: '/api/Publisher/PostCover' }" accept="image/*" />
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="large-6 columns">
                <div class="avatar right relative" style="min-height: 220px">
                    <img data-bind="src: LogoLink" class="right">
                    <form>
                        <button id="btn_changeAvatar" class="button tiny" data-bind="click: $root.doChangeAvatar">Thay hình đại diện</button>
                        <input id="file_changeAvatar" type="file" name="logo" data-bind="visible: false, LogoUpload: { property: 'LogoLink', url: '/api/Publisher/PostLogo' }" accept="image/*" />
                    </form>
                </div>
            </div>
            <div class="large-12 columns">
                <ul class="pagination user-top-bar">
                    <li><a href="../publisher/index">Danh mục chính</a></li>
                    <li><a href="../publisher/createadv">Tạo quảng cáo</a></li>
                    <li><a href="../publisher/about">Giới thiệu về công ty</a></li>
                    <li><a href="../publisher/editprofile">Chỉnh sửa thông tin</a></li>
                    <li><a href="#">Bản quyền</a></li>
                    <li><a href="../Publisher/gallery">Thư viện ảnh</a></li>
                </ul>
            </div>
        </div>
    </header>
</div>
<div class="large-12">
    <div class="large-12 title-header text-centered">
            <h3 class="upper white">Hình Ảnh Công Ty</h3>
        </div>
    <div class="row">
        <div class="large-12 small-12 columns">
            <div class="post-description">
                <div class="row text-entry" id="content_publisher">
                    <div class="small-12 columns">
                        <div class="small-3 columns gallery" data-bind="foreach: gallery1">
                            <div class="view view-normal">
                                <img data-bind="src: Link" alt="" />
                                <div class="mask">
                                    <a class="fancybox-thumbs info wid100" data-fancybox-group="thumb" data-bind="href: Link"><i class="fi fi-search">Xem</i></a>
                                </div>
                            </div>
                        </div>
                        <div class="small-3 columns gallery" data-bind="foreach: gallery2">
                            <div class="view view-normal">
                                <img data-bind="src: Link" alt="" />
                                <div class="mask">
                                    <a class="fancybox-thumbs info wid100" data-fancybox-group="thumb" data-bind="href: Link"><i class="fi fi-search">Xem</i></a>
                                </div>
                            </div>
                        </div>
                        <div class="small-3 columns gallery" data-bind="foreach: gallery3">
                            <div class="view view-normal">
                                <img data-bind="src: Link" alt="" />
                                <div class="mask">
                                    <a class="fancybox-thumbs info wid100" data-fancybox-group="thumb" data-bind="href: Link"><i class="fi fi-search">Xem</i></a>
                                </div>
                            </div>
                        </div>
                        <div class="small-3 columns gallery">
                            <div data-bind="foreach: gallery4">
                                <div class="view view-normal">
                                    <img data-bind="src: Link" alt="" />
                                    <div class="mask">
                                        <a class="fancybox-thumbs info wid100" data-fancybox-group="thumb" data-bind="href: Link"><i class="fi fi-search">Xem</i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="small-3 columns gallery "></div>

                    </div>

                    <div class="text-center">
                        <a href="#" data-reveal-id="gallery_upload" data-reveal class="button tiny success" data-bind="click: $root.doCheck">Thêm Ảnh</a>
                        <div id="gallery_upload" class="reveal-modal" data-reveal>
                            <h2>Thêm ảnh vào gallery</h2>
                            <a class="close-reveal-modal">&#215;</a>
                            <select data-bind="options: Advertises, optionsValue: 'AdvId', optionsText: 'Title', value: SelectedAd"></select>
                            <div id="galleryUpload">Chọn hình ảnh</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="right_publisher"></div>
